/*
----------------添加好友验证css--------------------
*/


.addfrdbox
{
	position:fixed;
	top:120px;
	left:550px;
	width:455px;
	height:355px;
	border-radius:3px;
	font-family:"微软雅黑";
	font-weight:lighter;
	font-size:14px;
	
	box-shadow:0px 0px 24px #333;
	-moz-box-shadow:0px 0px 24px #333;
	-webkit-box-shadow:0px 0px 24px #333;

	z-index:110;
}

/* bar */

.addfrdbar
{
	width:100%;
	height:31px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	position:relative;
}

.addfrdclose,.addfrdtiny
{
	float:right;
	width:30px;
	height:31px;
	margin:0px;
	padding:0px;
}
.addfrdbarname
{
	float:left;
	height:31px;
	margin-top:6px;
	margin-left:8px;
	font-size:14px;
	
}
.addfrdbarname img
{
	width:16px;
	height:16px;
	vertical-align:text-bottom;
	margin-right:3px;
}

.addfrdclose
{
	background:url('../img/mainpanel/btn_close_normal.png')center repeat;
}
.addfrdclose:hover
{
	background:url('../img/mainpanel/btn_close_highlight.png')center repeat;
}
.addfrdtiny
{
	background:url('../img/mainpanel/btn_mini_normal.png')center repeat;
}
.addfrdtiny:hover
{
	background:url('../img/mainpanel/btn_mini_highlight.png')center repeat;
}

.addfrdbox .addfrdcntboard
{
	clear:both;
	width:100%;
	height:290px;
	background-color:white;
}




/* 左侧待添加好友信息栏 */
 .readyaddwho
{
	float:left;
	margin:0;
	padding:0;
	width:128px;
	height:100%;
	position:relative;
}
.addfrdbox .readyaddwho .readyaddwhite
{
	position:absolute;
	width:100%;
	height:100%;
	background:white;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.addfrdbox .readyaddwho .readyaddcolor
{
	position:absolute;
	width:100%;
	height:100%;
}
.addfrdbox .readyaddwho .readyaddcolor .readyaddcolor1
{
	width:100%;
	height:20%;
	background: -webkit-linear-gradient(top,white,transparent); 
	background: -o-linear-gradient(top,white,transparent);
	background: -moz-linear-gradient(top,white,transparent);
	background: linear-gradient(top,white,transparent); 
}
.addfrdbox .readyaddwho .readyaddcolor .readyaddcolor2
{
	width:100%;
	height:80%;
	background: -webkit-linear-gradient(top,transparent,white); 
	background: -o-linear-gradient(top,transparent,white); 
	background: -moz-linear-gradient(top,transparent,white); 
	background: linear-gradient(top,transparent,white);  
}

.addfrdbox .readyaddwho .useraddmsg
{
	position:absolute;
	width:100%;
	height:100%;

	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}

.addfrdbox .readyaddwho .useraddmsg .addimghead
{
	width:105px;
	height:105px;
	text-align:center;
	margin-left:12px;
	margin-top:30px;
	background-color:white;
}


.addfrdbox .readyaddwho .useraddmsg .addimghead img
{
	width:100%;
	height:100%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.addfrdbox .readyaddwho .useraddmsg .adddetail 
{
	margin-left:14px;
	margin-top:8px;
}
.addfrdbox .readyaddwho .useraddmsg .adddetail ul
{
	list-style-type:none;
	width:100%;
	padding:0;
	margin:0;
}
.addfrdbox .readyaddwho .useraddmsg .adddetail ul .b
{
	font-weight:bolder;
	font-family:'黑体';
	font-size:15px;
	padding-right:2px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.addfrdbox .readyaddwho .useraddmsg .adddetail ul .black
{
	color:black;
	font-size:12px;
	overflow:hidden;
	margin-bottom:5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.addfrdbox .readyaddwho .useraddmsg .adddetail ul .light
{
	color:gray;
	font-size:12px;
	overflow:hidden;
}






/* 添加好友验证流程 的css */

.add_operation
{
	float:left;
	width:327px;
	height:100%;
	font-size:12px;
	font-family:"微软雅黑";
	font-weight:lighter;
	
}
.add_operation .valctrl
{
	display:none;
}




/*验证信息加载失败提示框*/
.add_operation .validate_fail
{
	width:100%;
	height:100%;
	text-align:center;
	line-height:284px;
	font-size:16px;
}

.add_operation .validate_fail img
{
	vertical-align:middle;
	margin-right:4px;
}

.add_operation .validate_fail .failtips
{
	width:196px;
	height:29px;
	margin:100px auto 10px auto;
	background:url(../img/AddGroup/error_image.png)center center no-repeat;
}
.add_operation .validate_fail .reget_validate
{
	width:66px;
	height:22px;
	font-size:12px;
	text-align:center;
	line-height:22px;
	border:1px solid #999;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 auto;
}
.add_operation .validate_fail .reget_validate:hover
{
	background:#99CCFF;
	border:1px solid #0099FF;
}






/* 验证1*/
.add_operation .validate1
{
	width:100%;
	height:100%;	
	line-height:50px;
}
.add_operation .validate1 p
{
	margin:0px;
	padding:0px;
	margin-left:20px;
}
.add_operation .validate1 textarea
{
	width:276px;
	height:60px;
	margin-left:20px;
	resize:none;
	border:1px solid #CCC;
	border-radius:2px;

	font-size:12px;
	font-family:"微软雅黑";
	font-weight:lighter;
	color:#999999;
}
.add_operation .validate1 textarea:focus
{
	color:black;
	border-color:#CCC;
}
.add_operation .validate1 textarea:hover
{
	color:black;
	border-color:#0066CC;
	box-shadow:inset 0 0 2px #0066CC;
	-moz-box-shadow:inset 0 0 2px #0066CC;
	-webkit-box-shadow:inset 0 0 2px #0066CC;
}



/* 验证2*/
.add_operation .validate2
{

	width:100%;
	height:100%;
	
}
.add_operation .validate2 p
{
	margin-top:12px;
	padding:0px;
	margin-left:25px;
}
.add_operation .validate2 .question_only
{
	margin-left:25px;
}

.add_operation .validate2 input
{
	width:270px;
	height:22px;
	margin-left:25px;
	margin-top:5px;
	border:1px solid #CCCCCC;
	border-radius:2px;

	font-size:12px;
	font-family:"微软雅黑";
	font-weight:lighter;
}
.add_operation .validate2 .isright/*-------------------------------------------答案是否正确的提示--------------------------------------------------*/
{
	width:200px;
	height:22px;
	margin-left:25px;
	margin-top:10px;
	color:#FF0033;
}


/* 验证3*/
.add_operation .validate3
{

	width:100%;
	height:100%;
	
}
.add_operation .validate3 p
{
	margin-top:12px;
	padding:0px;
	margin-left:25px;
}

.add_operation .validate3 ul
{
	list-style-type:none;
	width:100%;
	padding:0;
	margin:0;
	margin-left:25px;
}
.add_operation .validate3 ul li
{
	margin-top:10px;
}
.add_operation .validate3 ul li input
{
	width:270px;
	height:22px;
	margin-top:4px;
	border:1px solid #CCCCCC;
	border-radius:2px;

	font-size:12px;
	font-family:"微软雅黑";
	font-weight:lighter;
}



/* .addset 添加好友设置 */
.add_operation .addset
{
	display:block;
	width:100%;
	height:100%;
	
}

.add_operation .addset .bakname
{
	margin-left:20px;
	margin-top:15px;
}
.add_operation .addset .bakname input
{
	width:165px;
	height:20px;
	font-size:12px;
	font-weight:lighter;
	font-family:"微软雅黑";
	border-radius:2px;
	border:1px solid #CCCCCC;
	color:#999;
}
.add_operation .addset .bakname input:focus
{
	color:black;
}

.add_operation .addset .togrp
{
	margin-left:20px;
	margin-top:5px;
}

.add_operation .addset .togrp .addfrdselectgrp
{
	display:inline-block;
	width:165px;
	height:22px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #CCC;
	position:relative;
	margin-left:4px;
	margin-right:10px;
}
.add_operation .addset .togrp .addfrdselectgrp:after
{
	content:"";
	width:7px;
	height:5px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
	display:block;
	position:absolute;
	top:9px;
	right:6px;
}
.add_operation .addset .togrp .addfrdselectgrp select
{
	width:100%;
	height:100%;
	font-size:12px;
	font-weight:lighter;
	font-family:"微软雅黑";
	-webkit-appearance: none; /*for chrome*/
	border:none;
}

.add_operation .addset .togrp .addfrdselectgrp select:hover,.add_operation .addset .togrp .addfrdselectgrp:hover,.add_operation .addset .bakname input:hover
{
	border-color:#0099CC;
	box-shadow:inset 0 0 3px #0099CC;
	-moz-box-shadow:inset 0 0 3px #0099CC;
	-webkit-box-shadow:inset 0 0 3px #0099CC;
}

.add_operation .addset a:link,.add_operation .addset a:visited
{
	color:#3399CC;
	text-decoration:none;
}
.add_operation .addset a:hover
{
	
	color:#336699;
	text-decoration:none;
}
.add_operation .addset a:active
{
	margin-left:2px;
	padding-top:8px;
	color:black;
	text-decoration:none;
}


.add_operation .addset .acc_or_not
{
	margin-top:10px;
	margin-left:20px;
}

.add_operation .addset .acc_or_not:hover
{
	cursor:pointer;
}

.add_operation .addset .acc_or_not .addset_checkbox
{
	width:17px;
	height:17px;
	float:left;
	margin-right:3px;
	background:url(../img/checkbutton/checkbox_normal.png)center center no-repeat;
}
.add_operation .addset .acc_or_not:hover .addset_checkbox
{
	background:url(../img/checkbutton/checkbox_hightlight.png)center center no-repeat;
}
.add_operation .addset .acc_or_not .checked
{
	background:url(../img/checkbutton/checkbox_tick_normal.png)center center no-repeat;
}

.add_operation .addset .acc_or_not:hover .checked
{
	background:url(../img/checkbutton/checkbox_tick_highlight.png)center center no-repeat;
}

/*正在添加中*/
.add_operation .addset .sendaddmsgloading
{
	width:140px;
	height:20px;
	line-height:20px;
	margin-top:10px;
	margin-left:20px;
}

.add_operation .addset .sendaddmsgloading img
{
	vertical-align:text-bottom;
	margin-right:4px;
}



/* waitaddresult 等待好友添加结果 */
.add_operation .waitaddresult
{
	
	width:100%;
	height:100%;
	
}

.add_operation .waitaddresult .doneaddmsg
{
	width:88%;
	margin-top:12px;
	font-size:12px;
	margin-left:20px;
	
	overflow:hidden;
}
.add_operation .waitaddresult .doneaddmsg img
{
	float:left;
	margin-right:12px;
	width:30px;
	height:30px;
	vertical-align:text-top;
}

.add_operation .waitaddresult font,.add_operation .newfrds .new4frd ul li .newaddbtn font
{
	color:#0099CC;
}



/* addfrdsuccess 成功添加好友提示 */
.add_operation .addfrdsuccess
{
	
	width:100%;
	height:100%;
}

.add_operation .addfrdsuccess .doneaddmsg
{
	width:88%;
	margin-top:12px;
	font-size:12px;
	margin-left:20px;
	
	overflow:hidden;
}
.add_operation .addfrdsuccess .doneaddmsg img
{
	float:left;
	margin-right:12px;
	width:30px;
	height:30px;
	vertical-align:text-top;
}

/*验证后推荐的4个好友设置*/
.add_operation .newfrds
{
	width:290px;
	margin-top:35px;
	margin-left:20px;
}

.add_operation .newfrds .headtool
{
	height:20px;
	
	line-height:21px;
	font-size:14px;
}
.add_operation .newfrds .headtool .title
{
	float:left;
}
.add_operation .newfrds .headtool .switchnew
{
	float:right;
	border:1px solid #CCCCCC;
	width:50px;
	height:18px;
	line-height:16px;
	text-align:center;
	background-color:white;
	color:#0099CC;
	cursor:pointer;
	margin-right:9px;
}
.add_operation .newfrds .new4frd
{
	clear:both;
}
.add_operation .newfrds .new4frd ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:10px;
	
}
.add_operation .newfrds .new4frd ul li
{
	float:left;
	width:62px;
	margin-right:10.5px;
	
}
.add_operation .newfrds .new4frd ul li .newimghead
{
	width:62px;
	height:62px;
	border:1px solid #CCCCCC;
}
.add_operation .newfrds .new4frd ul li .newimghead img
{
	width:100%;
	height:100%;
}
.add_operation .newfrds .new4frd ul li .newfrdname
{
	margin-top:4px;
	text-align:center;
	font-weight:bolder;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.add_operation .newfrds .new4frd ul li .newaddbtn
{
	border:1px solid #CCCCCC;
	margin-top:4px;
	text-align:center;
	font-weight:bolder;
	color:#666666;
	cursor:pointer;
}





/* 底部按钮栏 */
.addfrdbox .gotoaddfrd
{
	clear:both;
	width:100%;
	height:34px;
	position:relative;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	position:absolute;
	bottom:0;
	left:0;
}

.addfrdbox .gotoaddfrd .gotoaddfrdwhite
{
	position:absolute;
	width:100%;
	height:100%;
	background:white;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}
.addfrdbox .gotoaddfrd .gotoaddfrdcnt
{
	position:absolute;
	width:100%;
	height:100%;
}

.gotoaddfrd .gotoaddfrdcnt .nextbtn,.gotoaddfrd .gotoaddfrdcnt .cancelbtn,.gotoaddfrd .gotoaddfrdcnt .closebtn,.gotoaddfrd .gotoaddfrdcnt .donebtn
{
	display:none;
	cursor:pointer;
	float:right;
	height:21px;
	width:66px;
	line-height:22px;
	text-align:center;
	border:1px solid gray;
	border-radius:3px;
	margin-right:7px;
	margin-top:6px;
	background-color:white;
	font-size:12px;
	color:#333333;
}
.gotoaddfrd .gotoaddfrdcnt .nextbtn:hover,.gotoaddfrd .gotoaddfrdcnt .cancelbtn:hover,.gotoaddfrd .gotoaddfrdcnt .closebtn:hover,.gotoaddfrd .gotoaddfrdcnt .donebtn:hover
{
	
	background:#99CCFF;
}
.gotoaddfrd .gotoaddfrdcnt .selectbtn
{	
	border:1px solid #0099FF;
}
/*根据验证情况设置按钮显示隐藏*/

.gotoaddfrd .validating .nextbtn,.gotoaddfrd .validating .closebtn,.gotoaddfrd .validating_set .nextbtn,.gotoaddfrd .validating_set .cancelbtn,.gotoaddfrd .doneadd .donebtn
{
	display:block;	
}










/*-------------------新建好友分组 css---------------------------------------*/

.addgrpbox
{
	
	position:fixed;
	z-index:112;
	z-index:1001;
	top:200px;
	left:200px;
	width:325px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-family:"微软雅黑";
	font-weight:lighter;
	font-size:13px;

	box-shadow:0px 0px 20px #333;
	-moz-box-shadow:0px 0px 20px #333;
	-webkit-box-shadow:0px 0px 20px #333;
	

	
}


/* bar */

.addgrpbox .addgrpbar
{
	width:100%;
	height:30px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	position:relative;
}

.addgrpbox .addgrpbar .addgrpbarname
{
	float:left;
	height:30px;
	margin-top:5px;
	margin-left:8px;
	font-size:13px;
}
.addgrpbox .addgrpbar .addgrpbarname img
{
	width:16px;
	height:16px;
	vertical-align:text-bottom;
	margin-right:3px;
}

.addgrpbox .addgrpbar .addgrpclose
{
	float:right;
	width:30px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url('../img/mainpanel/btn_close_normal.png')center repeat;
}
.addgrpbox .addgrpbar .addgrpclose:hover
{
	background:url('../img/mainpanel/btn_close_highlight.png')center repeat;
}

/* 中间 */
.addgrpbox .grpcontent
{
	clear:both;
	height:81px;
	background-color:white;
}
.addgrpbox .grpcontent p
{
	margin:0;
	padding:0;
	line-height:32px;
	margin-left:25px;
	font-size:12px;
}

.addgrpbox .grpcontent input
{
	margin-left:25px;
	width:270px;
	font-family:"微软雅黑";
	font-weight:lighter;
	font-size:13px;
	border:1px solid #999;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


.addgrpbox .grpcontent input:hover
{
	border-color:#0099CC;
	box-shadow:inset 0 0 3px #0099CC;
	-moz-box-shadow:inset 0 0 3px #0099CC;
	-webkit-box-shadow:inset 0 0 3px #0099CC;

}


/* 底部 */

/* 底部按钮*/
.addgrpbox .gotoaddgrp
{
	width:100%;
	height:35px;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	position:relative;
}
.addgrpbox .gotoaddgrpwhite
{
	position:absolute;
	width:100%;
	height:100%;
	background:white;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}
.addgrpbox .gotoaddgrpcnt
{
	position:absolute;
	width:100%;
	height:100%;
}
.addgrpbox .gotoaddgrp .addgrpacceptbtn,.addgrpbox .gotoaddgrp .addgrpcancelbtn
{
	cursor:pointer;
	float:right;
	height:21px;
	width:67px;
	line-height:21px;
	text-align:center;	
	border-radius:3px;
	margin-right:10px;
	margin-top:6px;
	background-color:white;
	font-size:12px;

	border:1px solid gray;
	color:#333333;
}
.addgrpbox .gotoaddgrp .addgrpcancelbtn:hover,.addgrpbox .gotoaddgrp .addgrpacceptbtn:hover
{
	background:#99CCFF;
}
.addgrpbox .gotoaddgrp .disable,.addgrpbox .gotoaddgrp .disable:hover
{
	border:1px solid #999999;
	color:#999999;
	background:transparent;
}
